﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>雅桌首页</title>
		<link rel="shortcut icon" href="img/index_img/icon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>

		<div id="yazhuo">
			<!--页头-->
			<header class="header">
				<div class="headerTop clearfix">
					<div class="logo fl"><a href="index.html"><img src="img/index_img/logo.jpg"/></a></div>
					<div class="languge fr"><a href="">简/繁</a></div>
					<div class="search fr">
						<input type="text" name="" value="" />
						<i class="search_icon"><a href=""><img src="img/index_img/search.png"/></a></i>
					</div>
				</div>
				<ul class="headerNav clearfix">
					<li class="fl"><a href="index.html">首页</a></li>
					<li class="fl about_yazhuo">
						<a href="about_yazhuo.html">关于雅桌</a>
						<ul class="about_yazhuo_drop">
							<li><a href="about_yazhuo.html">雅卓与雅居乐</a></li>
							<li><a href="about_yazhuoTwo.html">雅卓与雅生活</a></li>
							<li><a href="about_yazhuothree.html">雅卓营销</a></li>
							<li><a href="about_yazhuofive.html">企业愿景</a></li>
							<li class="lastli"><a href="about yazhuosix.html">雅卓优势</a></li>
						</ul>
					</li>
					<li class="fl about_yazhuo">
						<a href="press-centre.html">新闻中心</a>
						<ul class="about_yazhuo_drop">
							<li><a href="press-centre.html">雅桌新闻</a></li>
							<li class="lastli"><a href="html/dynamics.html">业务动态</a></li>
						</ul>
					</li>
					<li class="fl about_yazhuo">
						<a href="Industry-insight.html">行业洞见</a>
						<ul class="about_yazhuo_drop">
							<li><a href="Industry-insight.html">营销5.0</a></li>
							<li><a href="html/Industry_one.html">雅桌观点</a></li>
							<li class="lastli"><a href="html/Industry_two.html">楼市现状</a></li>
						</ul>
					</li>
					<li class="fl about_yazhuo">
						<a href="yazhuo_service.html">雅桌服务</a>
						<ul class="about_yazhuo_drop">
							<li><a href="yazhuo_service.html">一手代理业务</a></li>
							<li><a href="html/economic_business.html">二手经济业务</a></li>
							<li><a href="html/distribution_channels.html">渠道分销</a></li>
							<li class="lastli"><a href="html/package_business.html">营销大包业务</a></li>
						</ul>
					</li>
					<li class="fl about_yazhuo">
						<a href="recruiting.html">招贤纳士</a>
						<ul class="about_yazhuo_drop">
							<li><a href="html/school_recruitment.html">校园招聘</a></li>
							<li class="lastli"><a href="recruiting.html">社会招聘</a></li>
						</ul>
					</li>
					<li class="fl"><a href="contact_us.html">联系我们</a></li>
				</ul>
			</header>
			<!--轮播-->
			<div class="shuffling">
				<ul class="swiper-wrapper clearfix">
					<li class="swiper-slide fl"><a href=""><img src="img/index_img/shuffling3.jpg"/></a></li>
					<li class="swiper-slide fl"><a href=""><img src="img/index_img/shuffling2.jpg"/></a></li>
					<li class="swiper-slide fl"><a href=""><img src="img/index_img/shuffling1.jpg"/></a></li>
				</ul>
				<div class="swiper-pagination"></div>
				<span class="prev">&lt;</span>
				<span class="next">&gt;</span>
			</div>
			<!--主体-->
			<div class="main">
				<!--行业洞见-->
				<div class="industry_insight">
					<div class="industry_insight_title"><h3 class="hangye">行业洞见</h3></div>
					<div class="industry_insight_content clearfix">
						<div class="left_shuffling fl">
							<ul class="clearfix swiper-wrapper">
								<li class="fl swiper-slide"><a href=""><img src="img/index_img/hangye.jpg"/></a></li>
								<li class="fl swiper-slide"><a href=""><img src="img/index_img/hangye_2.jpg"/></a></li>
							</ul>
						</div>
						<ul class="industry_insight_text fl">
							<li>
								<p class="p_inline"><a href="">雅居乐首入济南 与路劲合作开发龙科机电地块</a></p>
								<p class="ml_24">发布时间: 2017年10月</p>
							</li>
							<li>
								<p class="p_inline"><a href="">雅居乐前9月预售达571亿元 完成全年销售目标88% </a></p>
								<p class="ml_24">发布时间: 2017年10月</p>
							</li>
							<li>
								<p class="p_inline"><a href="">多机构上调雅居乐股票评级 摩根大通上调目标价.... </a></p>
								<p class="ml_24">发布时间: 2017年10月</p>
							</li>
							<li>
								<p class="p_inline"><a href="">雅居乐夺中山千亩地块 粤港澳大湾区战略升级</a> </p>
								<p class="ml_24">发布时间: 2017年10月</p>
							</li>
						</ul>
						<div class="right_shuffling fr">
							<ul class="clearfix swiper-wrapper">
								<li class="fl swiper-slide"><a href=""><img src="img/index_img/hangye_3.jpg"/></a></li>
								<li class="fl swiper-slide"><a href=""><img src="img/index_img/hangye_4.jpg"/></a></li>
							</ul>
						</div>
					</div>
				</div>
				<!--公司动态-->
				<div class="company_dynamics industry_insight">
					<div class="industry_insight_title"><h3 class="hangye">公司动态</h3></div>
					<ul class="company_dynamics_list clearfix">
						<li class="fl noneml">
							<div class="img"><a href=""><img src="img/index_img/company_img1.png"/></a></div>
							<p class="time">2018-03-14</p>
							<p class="title_text"><a href="">雅居乐与广州黄埔</a></p>
							<p class="detail">雅居乐与广州黄埔区、开发区签 、合作协议</p>
						</li>
						<li class="fl">
							<div class="img2 img"><a href=""><img src="img/index_img/company_img2.png"/></a></div>
							<p class="time">2018-03-14</p>
							<p class="title_text"><a href="">雅卓助力过江龙福晟集团大湾区攻城掠地</a></p>
							<p class="detail">雅居乐与广州黄埔区、开发区签、合作协议 </p>
						</li>
						<li class="fl">
							<div class="img3 img"><a href=""><img src="img/index_img/company_img3.png"/></a></div>
							<p class="time">2018-03-14</p>
							<p class="title_text"><a href="">雅卓营销全权代理——四会南国玉都·御府，创下“日光盘”佳绩</a></p>
							<p class="detail">雅居乐与广州黄埔区、开发区签、合作协议</p>
						</li>
					</ul>
				</div>
				<!--项目巡礼-->
				<div class="tour_project industry_insight">
					<div class="industry_insight_title"><h3 class="hangye">项目巡礼</h3></div>
					<ul class="img_content clearfix">
						<li class="fl">
							<div class="img1 left_sanjiaoxing"><a href=""><img src="img/index_img/object_img1.png" class="scaling"/></a></div>
						</li>
						<li class="fl">
							<div class="img2">
								<img src="img/index_img/object_img5.png"/>
								<div class="content">
									<div class="content_img"><img src="img/index_img/xmtupiao_1.png"/></div>
									<p>雅居乐清水湾</p>
								</div>
								<div class="add clearfix">
									<span class="text"><a href="">View more</a></span>
									<span class="addhao fr">+</span>
									<div class="bg_opacity"></div>
								</div>
							</div>
						</li>
						<li class="fl">
							<div class="img3 left_sanjiaoxing"><a href=""><img src="img/index_img/object_img2.png" class="scaling"/></a></div>
						</li>
						<li class="fl">
							<div class="img4 img2">
								<img src="img/index_img/object_img7.png"/>
								<div class="content">
									<div class="content_img"><img src="img/index_img/xmtubiao_2.png"/></div>
									<p>雅居乐山海郡</p>
								</div>
								<div class="add clearfix">
									<span class="text"><a href="">View more</a></span>
									<span class="addhao fr">+</span>
									<div class="bg_opacity"></div>
								</div>
							</div>
						</li>
						<li class="fl">
							<div class="img5 img2">
								<img src="img/index_img/object_img6.png"/>
								<div class="content">
									<div class="content_img"><img src="img/index_img/xmtupiao_3.png"/></div>
									<p>雅居乐御龙山</p>
								</div>
								<div class="add clearfix">
									<span class="text"><a href="">View more</a></span>
									<span class="addhao fr">+</span>
									<div class="bg_opacity"></div>
								</div>
							</div>
						</li>
						<li class="fl">
							<div class="img6 right_sanjiaoxing"><a href=""><img src="img/index_img/object_img3.png" class="scaling"/></a></div>
						</li>
						<li class="fl">
							<div class="img7 img2">
								<img src="img/index_img/object_img6.png"/>
								<div class="content">
									<div class="content_img"><img src="img/index_img/xmtupiao_4.png"/></div>
									<p>雅居乐•融创•三江府</p>
								</div>
								<div class="add clearfix">
									<span class="text"><a href="">View more</a></span>
									<span class="addhao fr">+</span>
									<div class="bg_opacity"></div>
								</div>
							</div>
						</li>
						<li class="fl">
							<div class="img8 right_sanjiaoxing"><a href=""><img src="img/index_img/object_img4.png" class="scaling"/></a></div>
						</li>
					</ul>
				</div>
			</div>
			<!--页脚-->
			<footer class="footer">
				<div class="footer_bg">
					<div class="footerTop clearfix">
						<ul class="footerTop_list clearfix fl">
							<li class="fl">
								<h3>关于雅桌</h3>
								<p><a href="">雅卓与雅居乐</a></p>
								<p><a href="">雅卓与雅生活</a></p>
								<p><a href="">雅卓营销 </a></p>
								<p><a href="">企业愿景</a></p>
								<p><a href="">雅卓优势</a></p>
							</li>
							<li class="fl">
								<h3>新闻中心</h3>
								<p><a href="">企业动态</a></p>
								<p><a href="">媒体报道</a></p>
							</li>
							<li class="fl">
								<h3>行业洞见</h3>
								<p><a href="">营销5.0</a></p>
							</li>
							<li class="fl">
								<h3>雅桌服务</h3>
								<p><a href="">一手代理业务</a></p>
								<p><a href="">二手经济业务</a></p>
								<p><a href="">渠道分销</a></p>
								<p><a href="">营销大包业务</a></p>
							</li>
							<li class="fl">
								<h3>招贤纳士</h3>
								<p><a href="">人才战略</a></p>
								<p><a href="">校园招聘</a></p>
								<p><a href="">社会招聘</a></p>
							</li>
							<li class="fl">
								<h3>联系我们</h3>
								<p><a href="">联系我们</a></p>
							</li>
						</ul>
						<div class="footerTop_code clearfix fl">
							<div class="marketing_code fl center">
								<div class="code"><img src="img/index_img/code_1.jpg"/></div>
								<p>雅桌营销</p>
							</div>
							<div class="purchase_code fl center">
								<div class="code"><img src="img/index_img/code_2.jpg"/></div>
								<p>雅桌购房通</p>
							</div>
						</div>
					</div>
					<div class="footerCopy">
						<div class="arrows"><img src="img/index_img/f-icon.png"/></div>
						<div class="footerCopy_bg">
							<div class="text">
								广州市雅卓营销房地产有限公司 粤ICP备XXXXXX号&nbsp;中国广东省广州市天河区珠江新城华夏路26
								<a href="https://wx.qq.com/"><span class="wechat fr"><img src="img/index_img/wechat.png"/></span></a>
								<label for="freeclick"><span class="free fr">免责声明</span></label>
							</div>
						</div>
					</div>
				</div>
			</footer>
			<input type="checkbox" name="free[]" id="freeclick"/>
			<!--免责声明-->
			<div class="free_bg">
				<div class="free">
					<div class="close"><label for="freeclick"><img src="img/index_img/icon-back.png"/></label></div>
					<div class="text">
						<div class="img"><img src="img/contact_img/contact_us.jpg"/></div>
						<h3>免责声明</h3>
						<p>本网站所载之信息仅供阁下参考之用，并不打算亦不构成任何投资意见。雅卓营销公司(「本公司」)并不保证或表示或确保本网站所载之信息为准确、全面或最新的。本公司概不负责阁下因倚赖本网站之信息或由此而招致之任何损失及损害。</p>
						<p>本公司严禁阁下以任何形式转发或转载本网站部份或全部内容，唯下列情况除外: 
							阁下可以打印或下载本网站内容摘要至阁下的个人硬盘，但仅限个人或非商业用途;阁下可以将本网站内容摘要抄拷贝第三方供其个人之用，惟阁下必须注明本网站为有关信息之来源;除获本公司事前书面许可，阁下不可分发本网站部份或全部内容或加以利用以谋取任何商业利益。
							阁下亦不可将本网站任何内容传送至或储存于任何网站或其它形式的电子检索系统
						</p>
						<p>
							假如本网站被连结至其它网站，本公司不会对有关网站的内容表示认可及概不负任何责任。本公司概不负责阁下因倚赖有关网站之信息或由此而招致之任何损失及损害
						</p>
						<p>本公司明确保留根据任何理由随时对本网站信息进行删减、修改或增加的权利，而无须给予任何事前通知。 本公司明确保留对本网站及其内容的所有权利</p>
					</div>
					<div class="agreen">
						<span>我已阅读并同意</span>
						<input type="checkbox" name="free[]"/>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript">
			var left_shuffling=new Swiper('.left_shuffling',{
				loop:true,
//				autoplay:true, 默认为三秒 ，相当于下面代码
				autoplay: {
				    delay: 2000,
				    stopOnLastSlide: false,
				    disableOnInteraction: true,
    			},
			})
			var right_shuffling=new Swiper('.right_shuffling',{
				loop:true,
//				autoplay:true, 默认为三秒 ，相当于下面代码
				autoplay: {
				    delay: 2000,
				    stopOnLastSlide: false,
				    disableOnInteraction: true,
    			},
			})
			var shufflig=new Swiper('.shuffling',{
				//可以循环，到头一张
				loop:true,
//				autoplay:true, 默认为三秒 ，相当于下面代码
				autoplay: {
				    delay: 2000,
				    stopOnLastSlide: false,
				    disableOnInteraction: true,
    			},
				
				 // 如果需要分页器
			    pagination: {
			      el: '.swiper-pagination',
			    },
				
				//前进后退按钮
				navigation: {
			      nextEl: '.next',
			      prevEl: '.prev',
		   		},
			})
			//鼠标滑过pagination控制swiper切换
			for(i=0;i<shuffling.pagination.bullets.length;i++){
			  shuffling.pagination.bullets[i].index=i+1
			  shuffling.pagination.bullets[i].onmouseover=function(){
			    shuffling.slideTo(this.index);
			  };
			}
		</script>
	</body>
</html>
